/* 
    Document   : view
    Created on : Jan 18, 2012, 3:00:12 PM
    Author     : Ketsaraporn
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #42413C;
    font-size: 13px;
    margin: 0;
    padding: 0;
    color: #000;
}
ul, ol, dl { 
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-top: 3px;
    margin-bottom: 3px;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    color: #FFF;
}
a img {
    border: none;
}
/*เปลี่ยนสี link เป็นสีขาวด้วย===========================================================*/
#linkbuttom a:link {
    color: #000;
    text-decoration: underline; 

}
#linkbuttom a:visited {
    color: #000;
    text-decoration: underline; 
}
a:link {
    color: #FFF;
    text-decoration: underline; 
}
a:visited {
    color: #FFF;
    text-decoration: underline;
}
a:hover, a:active, a:focus { 
    text-decoration: none;
    color: #FFF;
}
/*เปลี่ยนสี link เป็นสีขาวด้วย===========================================================*/
.container {
    width: 960px;
    background: #FFF;
    margin: 0px auto; 
}
.loginlayout {	
    text-align: center;
}
.header {
    width: 960px;
    background: #828480;	
}

.tablogin {
    background: #828480;
    color:#FFFFFF;
    text-align: right;
}
.tablogin2 {
    background: #828480;
    color:#828480;
    text-align: right;
}
.sidebar1 {
    float: left;
    width: 180px;
    background: #4ba105;
    padding-bottom: 10px;	
}
/* เมนู bar ================================================*/
.sidebarmenu{
    float: left;
    width: 180px;
    background: #4ba105;
    padding-bottom: 10px;	

}
.sidebarmenu ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 180px; /* Main Menu Item widths */
}

.sidebarmenu ul li{
    position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
    display: block;
    overflow: auto; /*force hasLayout in IE7 */

    text-decoration: none;
    padding: 5px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding-bottom: 10px;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
    background-color: #4ba105; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
    color: white;
}

.sidebarmenu ul li a:hover{
    background-color: #3a7b05;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
    position: absolute;
    width: 180px; /*Sub Menu Items width */
    top: 0;
    visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
    background: url(right.gif) no-repeat 97% 50%;
}


/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }

/* End Mebubar===================================== */



.content {    
    padding: 10px 0;
    width: 780px;
    float: left;
}
.content1 {
    padding: 0px 0;
    width: 780px;
    float: left;
}
.contentC {
    padding: 0px 0;
    width: 780px;
    float: left;
    text-align: center;
}
.contentMid {
    margin: 130px auto;
    text-align: center;
}
.content1 {

    padding: 0px 0;
    width: 780px;
    float: left;
}
.content ul, .content ol { 
    padding: 0 15px 15px 40px; 
}
ul.nav {
    list-style: none; 
    border-top: 1px solid #4ba105; 
    margin-bottom: 15px; 
}
ul.nav li {
    border-bottom: 1px solid #666; 
}
ul.nav a, ul.nav a:visited {
    padding: 5px 5px 5px 15px;
    display: block; 
    width: 160px; 
    text-decoration: none;
    background: #4ba105;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
    background: #4ba105;
    color: #ffffff;
}
.footer {
    padding: 10px 0;
    background: #828480;
    position: relative;
    clear: both; 
    text-align: center;
    color:#FFFFFF;	
}
.fltrt { 
    float: right;
    margin-left: 8px;
}
.fltlft { 
    float: left;
    margin-right: 8px;
}
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*ตั้งค่าตารางในส่วน body*/
table.three{
    width:780px;
    border:0; 
    background-color: #FFFFFF;
} 
table.three th {
    font-weight:bold;
    border-bottom:1px solid #CCC;
    border-top:1px solid #CCC;
    background-color:#E2E7EB;
    padding:5px;
    color:#000;
    text-align: left;
}
table.three td { 
    padding:5px; 
    border-bottom:1px dotted #CCC; 
}
/*ตารางย่อย*/
table.threemini{
    width:100%;
    border:0; 
    background-color: #FFFFFF;
} 
table.threemini th {
    font-weight:bold;
    border-bottom:0px solid #CCC;
    border-top:0px solid #CCC;
    background-color:#E2E7EB;
    padding:5px;
    color:#000;
    text-align: left;
}
table.threemini td { 
    padding:5px; 
    border-bottom:0px dotted #CCC; 
}
/*====================================*/
/*ตั้งค่าตารางในส่วน login*/
table.Subthree{
    width:350px;
    border:0; 
    background-color: #FFFFFF;	
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
} 
table.Subthree th { 
    font-weight:bold; 
    border-bottom:1px solid #CCC; 
    border-top:1px solid #CCC; 
    background-color:#E2E7EB ;
    padding:5px;
    color:#000;
}
table.Subthree td {
    padding:5px;
    border-bottom:1px dotted #CCC;    
    text-align: left;
}
/*ตั้งค่าตารางในส่วนการค้นหาในส่วน body */
table.threehead{
    width:780px;
    border:0; 
    background-color: #FFFFFF;
}
table.threehead th { 
    font-weight:normal;	      
    color:#000;
}
table.threehead td { 
    padding:5px; 
    border-bottom:1px dotted #CCC; 
    background-color:#E2E7EB ;
}

